// pages/map/map.js
// 引入SDK核心类，js文件根据自己业务，位置可自行放置
var QQMapWX = require('../../qqmap-wx-jssdk1.2/qqmap-wx-jssdk');
var qqmapsdk;
Page({

  /**
   * 页面的初始数据
   */
  data: {
    longitude:'113.639464',
    latitude:'34.725138',
    name: '11',
    markers: [{
      id:1,
      latitude: 34.725138,
      longitude: 113.639464,
      iconPath: '../../images/location.png',
      width:50,
      callout: {
        content:'111',
        padding:5
      }
    }],
    loading:true
  },

  getVal(e) {
    // console.log(e.target.dataset.tab);
    let str =[]
    qqmapsdk.search({
      keyword: e.target.dataset.tab,  //搜索关键词
      location: this.data.latitude+','+this.data.longitude,  //设置周边搜索中心点
      success: (res) => {
        // console.log(res);
        res.data.forEach((item,index) => {
          // console.log(111,item,index);
          str.push({
            id:item.id,
            latitude: item.location.lat,
            longitude: item.location.lng,
            iconPath: '../../images/location.png',
            width:50,
            callout: {
              content:item.title,
              padding:5
            }
          })
        })
        // console.log(str);
        this.setData({
          markers: [...str]
        })
      }
    })
  },

  maps(e) {
    this.getVal(e)
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    // console.log(options);
    this.setData({
      longitude: options.lng,
      latitude: options.lat,
      name: options.name,
      markers: [{
        latitude: options.lat,
        longitude: options.lng,
        iconPath: '../../images/location.png',
        width:50,
        callout: {
          content:options.name,
          padding:5
        }
      }],
    })
    // 实例化API核心类
    qqmapsdk = new QQMapWX({
        key: 'QJWBZ-E4KKW-FULR7-RF4RN-UAPDQ-FIBIR'
    });
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {
    this.mapCtx = wx.createMapContext('myMap')
    setTimeout(()=> {
      this.setData({
        loading:false
      })
    },2000)
  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
    // 调用接口
    qqmapsdk.search({
      keyword: '酒店',
      success: function (res) {
          console.log(res);
      },
      fail: function (res) {
          console.log(res);
      },
      // complete: function (res) {
      //     console.log(res);
      // }
    })
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})